<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>定时器的进度条</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery.min.js">
		</script>
		<script>
			$(function(){
				var loading = '<div class="loading"><div class="pic"></div></div>';
				
				$("body").append(loading);
				
				setTimeout(function(){
					$(".loading").fadeOut();
				},3000)
			})
		</script>
	</head>
	<body>
		<!--<div class="loading">
			<div class="pic"></div>
		</div>-->
		<img src="http://pic4.nipic.com/20091217/3885730_124701000519_2.jpg"/>
		<img src="http://pic2.ooopic.com/11/98/31/31bOOOPIC12_1024.jpg"/>
		<img src="http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg"/>
		<img src="http://b.hiphotos.baidu.com/image/pic/item/5bafa40f4bfbfbed9215b39772f0f736aec31f8d.jpg"/>
	</body>
</html>
